/*
 * jQuery Input Limitor plugin 1.0
 * http://rustyjeans.com/jquery-plugins/input-limitor/
 *
 * Copyright (c) 2009 Russel Fones
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 */

(function ($) {
    $.fn.inputlimitor = function (options) {
        var opts = $.extend({}, $.fn.inputlimitor.defaults, options);
        if (opts.boxAttach && !$('#' + opts.boxId).length) {
            $('<div/>').appendTo("body").attr({
                id: opts.boxId,
                'class': opts.boxClass
            }).css({'position': 'absolute'}).hide();
            // apply bgiframe if available
            if ($.fn.bgiframe)
                $('#' + opts.boxId).bgiframe();
        }
        $(this).each(function (i) {
            $(this).keyup(function (e) {
                if ($(this).val().length > opts.limit)
                    $(this).val($(this).val().substring(0, opts.limit));
                if (opts.boxAttach) {
                    $('#' + opts.boxId).css({
                        'width': $(this).outerWidth() - ($('#' + opts.boxId).outerWidth() - $('#' + opts.boxId).width()) + 'px',
                        'left': $(this).offset().left + 'px',
                        'top': ($(this).offset().top + $(this).outerHeight()) - 1 + 'px'
                    });
                }
                var remText = opts.remText;
                remText = remText.replace(/\%n/g, opts.limit - $(this).val().length);
                remText = remText.replace(/\%s/g, (opts.limit - $(this).val().length == 1 ? '' : 's'));

                var limitText = opts.limitText;
                limitText = limitText.replace(/\%n/g, opts.limit);
                limitText = limitText.replace(/\%s/g, (opts.limit == 1 ? '' : 's'));

                if (opts.limitTextShow) {
                    $('#' + opts.boxId).html(remText + ' ' + limitText);
                    // Check to see if the text is wrapping in the box
                    // If it is lets break it between the remaining test and the limit test
                    var textWidth = $("<span/>").appendTo("body").attr({
                        id: '19cc9195583bfae1fad88e19d443be7a',
                        'class': opts.boxClass
                    }).html(remText + ' ' + limitText).innerWidth();
                    $("#19cc9195583bfae1fad88e19d443be7a").remove();
                    if (textWidth > $('#' + opts.boxId).innerWidth()) {
                        $('#' + opts.boxId).html(remText + '<br />' + limitText);
                    }
                    // Show the limitor box
                    $('#' + opts.boxId).show();
                } else
                    $('#' + opts.boxId).html(remText).show();
            });
            $(this).keypress(function (e) {
                if ((!e.keyCode || (e.keyCode > 46 && e.keyCode < 90)) && $(this).val().length >= opts.limit)
                    return false;
            });
            $(this).blur(function () {
                if (opts.boxAttach) {
                    $('#' + opts.boxId).fadeOut('fast');
                } else if (opts.remTextHideOnBlur) {
                    var limitText = opts.limitText;
                    limitText = limitText.replace(/\%n/g, opts.limit);
                    limitText = limitText.replace(/\%s/g, (opts.limit == 1 ? '' : 's'));
                    $('#' + opts.boxId).html(limitText);
                }
            });
        });
    };

    $.fn.inputlimitor.defaults = {
        limit: 255,
        boxAttach: true,
        boxId: 'limitorBox',
        boxClass: 'limitorBox',
        remText: '%n character%s remaining.',
        remTextHideOnBlur: true,
        limitTextShow: true,
        limitText: 'Field limited to %n character%s.'
    };

})(jQuery);